/**
* @description:
* @author: JiWei
* @remark:
**/
<template>
  <view class="plan-show">
    <uni-table ref="table" stripe>
      <uni-tr  :style="{ backgroundColor: '#F5F6F8' }">
        <uni-th v-for="(item,index) in columns" :key="index" align="center" :width="item.width">{{ item.label }}</uni-th>
      </uni-tr>
      <uni-tr v-for="(item,index) in tableData" :key="index" :style="{ backgroundColor: '#F5F6F8' }">
        <uni-td align="center">{{item.deviceTypeName}}{{item.completed}}/{{item.monthAmout || item.weekAmout}}</uni-td>
        <uni-td align="center">{{item.monthAmout || item.weekAmout || '-'}}</uni-td>
        <uni-td align="center">{{item.installationQuantityAmout}}</uni-td>
        <uni-td align="center">{{item.singleMachinesAmout}}</uni-td>
        <uni-td align="center">{{item.connectNetworkAmout}}</uni-td>
        <uni-td align="center">{{item.rectification}}</uni-td>
      </uni-tr>
    </uni-table>
  </view>
</template>
<script>
export default {
  name: 'commonalityTable',
  components: { },
  props: {
    tableData: {
      type: Array,
      default:[]
    }
  },
  data() {
    return {
      columns: [
        {
          label:'设备类型',
          width:'80',
        },
        {
          label:'计划',
          width:'42',
        },
        {
          label:'安装',
          width:'42',
        },
        {
          label:'单机',
          width:'42',
        },
        {
          label:'联网',
          width:'42',
        },
        {
          label:'整改',
          width:'42',
        },
      ],
    };
  },
  computed: {},
  watch: {},
  onLoad() {},
  methods: {}
};
</script>
<style scoped lang="scss">
.uni-table-th {
  font-size: 12px;
}
.uni-table-td {
  font-size: 10px;
  line-height: 16px;
  padding: 8px 0;
}
</style>
